.index_swiper{
  swiper{
      height: 340rpx;
      image{
          width: 100%;
      }
  }
}

.index_cate{
  display: flex;
  navigator{
    flex: 1;
    padding: 20rpx;
    image{
      width: 100%;
    }
  }
}

.index_floor{
  .floor_group{
    .floor_title{
      padding: 10rpx 0;
      image{
        width: 100%;
      }
    }
    .floor_list{
      // 清除浮动
      overflow: hidden;
      navigator{
        float: left;
        width: 33.33%;
        /* 后四个超链接 */
        &:nth-last-child(-n+4){
          // 原图的宽高 232 * 386
          // 232 / 386 = 33.33vw / height
          // height = 33.33vw * 386 / 232
          // less会自动计算height表达式
          height: (33.33vw * 386 / 232 / 2);
          border-left: 10rpx solid #fff;
        }

        /* 2 3 两个的超链接 */
        &:nth-child(2),
        &:nth-child(3){
          border-bottom: 10rpx solid #fff;
        }
        image{
          width: 100%;
          height: 100%; 
        }
      }
    }
  }
}
